feat: 1/2 to using dot.Notation

Author: TheMcnafaha

packages/kit-headless/src/components/checkbox/checkbox.test.ts

@@ -1,6 +1,6 @@
 import { expect, test, type Page } from '@playwright/test';
 import { createTestDriver } from './checkbox.driver';
-import { getTriBool } from './checklist-context-wrapper';
+import { getTriBool } from '../checklist/checklist-context-wrapper';
 async function setup(page: Page, exampleName: string) {
   await page.goto(`/headless/checkbox/${exampleName}`);
 

packages/kit-headless/src/components/checkbox/index.ts

@@ -1,6 +1,3 @@
-export * from './checkbox';
-export * from './checkbox-indicator';
-export * from './checklist-context-wrapper';
-export * from './checklist-indicator';
-export * from './checklist';
+export { Checkbox as Root } from './checkbox';
+export { CheckboxIndicator as Indicator } from './checkbox-indicator';
 export * from './context-id';

packages/kit-headless/src/components/checkbox/checklist-context-wrapper.tsx renamed to packages/kit-headless/src/components/checklist/checklist-context-wrapper.tsx

@@ -1,5 +1,5 @@
 import { type JSXNode, Component, PropsOf } from '@builder.io/qwik';
-import { Checkbox, type MixedStateCheckboxProps } from './checkbox';
+import { Checkbox, type MixedStateCheckboxProps } from '../checkbox/checkbox';
 import { ChecklistContextWrapper, getTriBool } from './checklist-context-wrapper';
 
 type CheckListProps = PropsOf<'ul'> & { ariaLabeledBy: string };
@@ -8,7 +8,7 @@ type CheckListProps = PropsOf<'ul'> & { ariaLabeledBy: string };
     This is an inline component. An example use case of an inline component to get the proper indexes with CSR. See issue #4757
     for more information.
 */
-export const CheckList: Component<CheckListProps> = (props: CheckListProps) => {
+export const Checklist: Component<CheckListProps> = (props: CheckListProps) => {
   const checkArr: JSXNode[] = [];
   const hellSigs = [];
   let checklistCheckbox = undefined;

packages/kit-headless/src/components/checkbox/checklist-indicator.tsx renamed to packages/kit-headless/src/components/checklist/checklist-indicator.tsx

@@ -0,0 +1,10 @@
+import { Signal, createContextId } from '@builder.io/qwik';
+import { TriBool } from './checklist-context-wrapper';
+
+export type ArrSigs = Signal<boolean>[];
+type CheckContextObj = {
+  checklistSig: Signal<TriBool>;
+  checkboxes: Signal<ArrSigs>;
+  idArr: string[];
+};
+export const CheckListContext = createContextId<CheckContextObj>('CheckList.context');

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

@@ -0,0 +1,4 @@
+export { Checklist as Root } from './checklist';
+export * from './checklist-context-wrapper';
+export { ChecklistIndicator as Indicator } from './checklist-indicator';
+export * from './context-id';

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

@@ -3,7 +3,9 @@ export * as Carousel from './components/carousel';
 export * as Collapsible from './components/collapsible';
 export * as Combobox from './components/combobox';
 export { type ResolvedOption } from './components/combobox';
-export * from './components/label';
+export * from './components/carousel';
+export * as Checkbox from './components/checkbox/checkbox';
+export * as Checklist from './components/checklist/checklist';
 export * as Modal from './components/modal';
 export { Pagination } from './components/pagination';
 export * as Popover from './components/popover';