fix formatting

kobaltedev · Oct 30, 2024 · ea44978 · ea44978
1 parent cf8da30
commit ea44978
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 14 deletions.
diff --git a/apps/docs/src/examples/checkbox-group.tsx b/apps/docs/src/examples/checkbox-group.tsx
@@ -178,13 +178,13 @@ export function HTMLFormExample() {
 		e.stopPropagation();
 
 		const formData = new FormData(formRef);
-		const subscriptions = Array.from(formData.getAll('subscriptions'));
+		const subscriptions = Array.from(formData.getAll("subscriptions"));
 
 		const result = {
 			...Object.fromEntries(formData),
 			subscriptions,
 		};
-	
+
 		alert(JSON.stringify(result, null, 2));
 	};
 

diff --git a/apps/docs/src/routes/docs/core/components/checkbox-group.mdx b/apps/docs/src/routes/docs/core/components/checkbox-group.mdx
@@ -354,13 +354,13 @@ function HTMLFormExample() {
 		e.stopPropagation();
 
 		const formData = new FormData(formRef);
-		const subscriptions = Array.from(formData.getAll('subscriptions'));
+		const subscriptions = Array.from(formData.getAll("subscriptions"));
 
 		const result = {
 			...Object.fromEntries(formData),
 			subscriptions,
 		};
-	
+
 		alert(JSON.stringify(result, null, 2));
 	};
 

diff --git a/packages/core/src/checkbox-group/checkbox-group-item-input.tsx b/packages/core/src/checkbox-group/checkbox-group-item-input.tsx
@@ -8,6 +8,7 @@
 
 import { type Component, type ValidComponent, splitProps } from "solid-js";
 
+import { mergeRefs } from "@kobalte/utils";
 import {
 	Checkbox,
 	type CheckboxInputCommonProps,
@@ -17,19 +18,21 @@ import {
 import { useFormControlContext } from "../form-control";
 import type { ElementOf, PolymorphicProps } from "../polymorphic";
 import { useCheckboxGroupContext } from "./checkbox-group-context";
-import { mergeRefs } from "@kobalte/utils";
 
 export interface CheckboxGroupItemInputOptions extends CheckboxInputOptions {}
 
-export interface CheckboxGroupItemInputCommonProps<T extends HTMLElement = HTMLInputElement>
-	extends CheckboxInputCommonProps {}
+export interface CheckboxGroupItemInputCommonProps<
+	T extends HTMLElement = HTMLInputElement,
+> extends CheckboxInputCommonProps {}
 
 export interface CheckboxGroupItemInputRenderProps
 	extends CheckboxInputRenderProps,
 		CheckboxGroupItemInputCommonProps {}
 
-export type CheckboxGroupItemInputProps<T extends ValidComponent | HTMLElement = HTMLInputElement> =
-	CheckboxGroupItemInputOptions & Partial<CheckboxGroupItemInputCommonProps<ElementOf<T>>>;
+export type CheckboxGroupItemInputProps<
+	T extends ValidComponent | HTMLElement = HTMLInputElement,
+> = CheckboxGroupItemInputOptions &
+	Partial<CheckboxGroupItemInputCommonProps<ElementOf<T>>>;
 
 /**
  * The native html input that is visually hidden in the checkbox.
@@ -54,9 +57,11 @@ export function CheckboxGroupItemInput<T extends ValidComponent = "input">(
 
 	return (
 		<Checkbox.Input<
-			Component<Omit<CheckboxGroupItemInputRenderProps, keyof CheckboxInputRenderProps>>
+			Component<
+				Omit<CheckboxGroupItemInputRenderProps, keyof CheckboxInputRenderProps>
+			>
 		>
-			ref={mergeRefs(el => (ref = el), local.ref)}
+			ref={mergeRefs((el) => (ref = el), local.ref)}
 			as="input"
 			aria-describedby={ariaDescribedBy() || undefined}
 			{...formControlContext.dataset()}

diff --git a/packages/core/src/checkbox-group/checkbox-group-item.tsx b/packages/core/src/checkbox-group/checkbox-group-item.tsx
@@ -31,8 +31,7 @@ import { useCheckboxGroupContext } from "./checkbox-group-context";
 
 interface CheckboxGroupItemState extends CheckboxRootState {}
 
-export interface CheckboxGroupItemOptions
-	extends CheckboxRootOptions {}
+export interface CheckboxGroupItemOptions extends CheckboxRootOptions {}
 
 export interface CheckboxGroupItemCommonProps<
 	T extends HTMLElement = HTMLElement,
@@ -74,7 +73,7 @@ export function CheckboxGroupItem<T extends ValidComponent = "div">(
 		"name",
 		"required",
 		"readOnly",
-		"ref"
+		"ref",
 	]);
 
 	const isChecked = () => {