@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Checkbox.jsx

@@ -1,10 +1,23 @@
-import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Checkbox.tsx
+import { Provider, dataAttr, filterDOMProps, isAriaTrue, useRenderProps } from "./utils.jsx";
 import { VisuallyHidden } from "./VisuallyHidden.jsx";
-import { FieldErrorContext } from "./FieldError.jsx";
 import { TextContext } from "./Text.jsx";
-import { FormContext } from "./Form.jsx";
-import { Show, createContext, createMemo, createSignal, createUniqueId, splitProps, useContext } from "solid-js";
-import { createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createFocusRing, createHover, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { FieldErrorContext } from "./FieldError.jsx";
+import { FormContext, resolveValidationBehavior } from "./Form.jsx";
+import { Show, createContext, createMemo, createSignal, createUniqueId, useContext } from "solid-js";
+import { createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createFocusRing, createHover, mergeProps } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { VALID_VALIDITY_STATE, createCheckboxGroupState, createToggleState } from "@proyecto-viviana/solid-stately";
 //#region src/Checkbox.tsx
 /**
@@ -13,7 +26,7 @@ import { VALID_VALIDITY_STATE, createCheckboxGroupState, createToggleState } fro
 * Pre-wired headless checkbox components that combine state + aria hooks.
 * Port of react-aria-components/src/Checkbox.tsx
 */
-function assignRef(ref, el) {
+function assignRef$1(ref, el) {
 	if (!ref) return;
 	if (typeof ref === "function") ref(el);
 	else ref.current = el;
@@ -21,33 +34,6 @@ function assignRef(ref, el) {
 const CheckboxGroupContext = createContext(null);
 const CheckboxGroupStateContext = createContext(null);
 const CheckboxContext = createContext(null);
-function withFormValidationBehavior(props, formContext) {
-	if (!formContext?.validationBehavior) return props;
-	return new Proxy(props, {
-		get(target, property, receiver) {
-			const localValue = Reflect.get(target, property, receiver);
-			if (property === "validationBehavior" && localValue === void 0) return formContext.validationBehavior;
-			return localValue;
-		},
-		has(target, property) {
-			return Reflect.has(target, property) || property === "validationBehavior" && formContext.validationBehavior !== void 0;
-		},
-		ownKeys(target) {
-			const keys = new Set(Reflect.ownKeys(target));
-			if (formContext.validationBehavior !== void 0) keys.add("validationBehavior");
-			return Array.from(keys);
-		},
-		getOwnPropertyDescriptor(target, property) {
-			const descriptor = Reflect.getOwnPropertyDescriptor(target, property);
-			if (descriptor) return descriptor;
-			if (property === "validationBehavior" && formContext.validationBehavior !== void 0) return {
-				enumerable: true,
-				configurable: true,
-				get: () => formContext.validationBehavior
-			};
-		}
-	});
-}
 /**
 * A checkbox group allows a user to select multiple items from a list of options.
 *
@@ -60,7 +46,8 @@ function withFormValidationBehavior(props, formContext) {
 * ```
 */
 function CheckboxGroup(props) {
-	const [local, ariaProps] = splitProps(withFormValidationBehavior(props, useContext(FormContext)), [
+	const formContext = useContext(FormContext);
+	const [local, ariaProps] = splitProps(props, [
 		"class",
 		"style",
 		"slot",
@@ -80,11 +67,12 @@ function CheckboxGroup(props) {
 		isInvalid: ariaProps.isInvalid,
 		validationState: ariaProps.validationState,
 		validate: ariaProps.validate,
-		validationBehavior: ariaProps.validationBehavior,
+		validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),
 		name: ariaProps.name
 	}));
 	const groupAria = createCheckboxGroup(() => ({
 		...ariaProps,
+		validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),
 		description: local.description,
 		errorMessage: local.errorMessage
 	}), state);
@@ -109,7 +97,7 @@ function CheckboxGroup(props) {
 		return rest;
 	};
 	const setGroupRef = (el) => {
-		assignRef(local.ref, el);
+		assignRef$1(local.ref, el);
 	};
 	const groupDescribedBy = () => {
 		const ids = [
@@ -144,8 +132,8 @@ function CheckboxGroup(props) {
 		});
 		return <>{renderedChildren()}</>;
 	};
-	return <CheckboxGroupStateContext.Provider value={state}>
-      <div {...domProps()} {...cleanGroupProps()} ref={setGroupRef} aria-describedby={groupDescribedBy()} class={renderProps.class()} style={renderProps.style()} data-disabled={state.isDisabled || void 0} data-readonly={state.isReadOnly || void 0} data-required={ariaProps.isRequired || void 0} data-invalid={groupAria.isInvalid || void 0}>
+	return <CheckboxGroupStateContext value={state}>
+      <div {...domProps()} {...cleanGroupProps()} ref={setGroupRef} aria-describedby={groupDescribedBy()} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled)} data-readonly={dataAttr(state.isReadOnly)} data-required={dataAttr(ariaProps.isRequired)} data-invalid={dataAttr(groupAria.isInvalid)}>
         <GroupChildren />
         {}
         <Show when={(local.renderHelpText ?? true) && local.description}>
@@ -159,7 +147,7 @@ function CheckboxGroup(props) {
           </div>
         </Show>
       </div>
-    </CheckboxGroupStateContext.Provider>;
+    </CheckboxGroupStateContext>;
 }
 /**
 * A checkbox allows a user to select multiple items from a list of individual items,
@@ -183,20 +171,19 @@ function Checkbox(props) {
 	const [inputElement, setInputElement] = createSignal(null);
 	const formContext = useContext(FormContext);
 	const contextProps = useContext(CheckboxContext);
-	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextSlotProps = contextProps?.slots?.[typeof props.slot === "string" ? props.slot : "default"];
 	const contextBaseProps = createMemo(() => {
 		if (!contextProps) return {};
 		const { slots: _slots, ...rest } = contextProps;
 		return rest;
 	});
-	const mergedProps = contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props;
-	const propsWithFormBehavior = withFormValidationBehavior(mergedProps, formContext);
+	const mergedProps = contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props;
 	const inputRefs = createMemo(() => [
 		contextBaseProps().inputRef,
 		contextSlotProps?.inputRef,
 		props.inputRef
 	].filter(Boolean));
-	const [local, ariaProps] = splitProps(propsWithFormBehavior, [
+	const [local, ariaProps] = splitProps(mergedProps, [
 		"class",
 		"style",
 		"render",
@@ -228,6 +215,7 @@ function Checkbox(props) {
 	if (groupState) {
 		const itemAria = createCheckboxGroupItem(() => ({
 			...inputAriaProps(),
+			validationBehavior: ariaProps.validationBehavior ?? formContext?.validationBehavior,
 			value: inputAriaProps().value ?? "",
 			children: typeof mergedProps.children === "function" ? true : mergedProps.children
 		}), groupState, inputElement);
@@ -236,31 +224,34 @@ function Checkbox(props) {
 		labelProps = itemAria.labelProps;
 		inputProps = () => itemAria.inputProps;
 	} else {
-		const checkboxAria = createCheckbox(() => ({
-			...inputAriaProps(),
-			isIndeterminate: local.isIndeterminate,
-			children: typeof mergedProps.children === "function" ? true : mergedProps.children
-		}), createToggleState(() => ({
+		const state = createToggleState(() => ({
 			isSelected: ariaProps.isSelected,
 			defaultSelected: ariaProps.defaultSelected,
 			onChange: ariaProps.onChange,
 			isReadOnly: ariaProps.isReadOnly
-		})), inputElement);
+		}));
+		const checkboxAria = createCheckbox(() => ({
+			...inputAriaProps(),
+			validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),
+			isIndeterminate: local.isIndeterminate,
+			children: typeof mergedProps.children === "function" ? true : mergedProps.children
+		}), state, inputElement);
 		isSelected = checkboxAria.isSelected;
 		isPressed = checkboxAria.isPressed;
 		labelProps = checkboxAria.labelProps;
 		inputProps = () => checkboxAria.inputProps;
 	}
 	isDisabled = () => inputProps().disabled === true;
-	isReadOnly = () => inputProps()["aria-readonly"] === true;
-	isInvalid = () => inputProps()["aria-invalid"] === true;
+	isReadOnly = () => isAriaTrue(inputProps()["aria-readonly"]);
+	isInvalid = () => isAriaTrue(inputProps()["aria-invalid"]);
 	const describedBy = () => {
 		const ids = [
+			inputProps()["aria-describedby"],
 			ariaProps["aria-describedby"],
 			local.description ? descriptionId : void 0,
 			isInvalid() && local.errorMessage ? errorMessageId : void 0
-		].filter(Boolean);
-		return ids.length ? ids.join(" ") : void 0;
+		].filter(Boolean).join(" ").split(" ").filter(Boolean);
+		return ids.length ? Array.from(new Set(ids)).join(" ") : void 0;
 	};
 	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
 	const { isHovered, hoverProps } = createHover({
@@ -356,11 +347,11 @@ function Checkbox(props) {
 		focusProps.onBlur?.(event);
 	};
 	const setLabelRef = (el) => {
-		assignRef(local.ref, el);
+		assignRef$1(local.ref, el);
 	};
 	const setInputRef = (el) => {
 		setInputElement(el);
-		for (const ref of inputRefs()) assignRef(ref, el);
+		for (const ref of inputRefs()) assignRef$1(ref, el);
 	};
 	const hiddenInput = <VisuallyHidden>
       <input ref={setInputRef} {...cleanInputProps()} {...cleanFocusProps()} onFocus={handleInputFocus} onBlur={handleInputBlur} aria-describedby={describedBy()} />
@@ -402,7 +393,7 @@ function Checkbox(props) {
 		ref: setLabelRef,
 		children: labelChildren()
 	});
-	return local.render ? local.render(customRootProps(), renderValues()) : <label {...domProps()} {...cleanLabelProps()} {...cleanHoverProps()} ref={setLabelRef} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-selected={isSelected() || void 0} data-indeterminate={local.isIndeterminate || void 0} data-pressed={isPressed() || void 0} data-hovered={isHovered() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-disabled={isDisabled() || void 0} data-readonly={isReadOnly() || void 0} data-invalid={isInvalid() || void 0} data-required={ariaProps.isRequired || void 0}>
+	return local.render ? local.render(customRootProps(), renderValues()) : <label {...domProps()} {...cleanLabelProps()} {...cleanHoverProps()} ref={setLabelRef} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-selected={dataAttr(isSelected())} data-indeterminate={dataAttr(local.isIndeterminate)} data-pressed={dataAttr(isPressed())} data-hovered={dataAttr(isHovered())} data-focused={dataAttr(isFocused())} data-focus-visible={dataAttr(isFocusVisible())} data-disabled={dataAttr(isDisabled())} data-readonly={dataAttr(isReadOnly())} data-invalid={dataAttr(isInvalid())} data-required={dataAttr(ariaProps.isRequired)}>
       {labelChildren()}
     </label>;
 }
@@ -424,20 +415,19 @@ function CheckboxField(props) {
 	const [inputElement, setInputElement] = createSignal(null);
 	const formContext = useContext(FormContext);
 	const contextProps = useContext(CheckboxFieldContext);
-	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextSlotProps = contextProps?.slots?.[typeof props.slot === "string" ? props.slot : "default"];
 	const contextBaseProps = createMemo(() => {
 		if (!contextProps) return {};
 		const { slots: _slots, ...rest } = contextProps;
 		return rest;
 	});
-	const mergedProps = contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props;
-	const propsWithFormBehavior = withFormValidationBehavior(mergedProps, formContext);
+	const mergedProps = contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props;
 	const inputRefs = createMemo(() => [
 		contextBaseProps().inputRef,
 		contextSlotProps?.inputRef,
 		props.inputRef
 	].filter(Boolean));
-	const [local, ariaProps] = splitProps(propsWithFormBehavior, [
+	const [local, ariaProps] = splitProps(mergedProps, [
 		"class",
 		"style",
 		"ref",
@@ -461,6 +451,7 @@ function CheckboxField(props) {
 	if (groupState) {
 		const itemAria = createCheckboxGroupItem(() => ({
 			...inputAriaProps(),
+			validationBehavior: ariaProps.validationBehavior ?? formContext?.validationBehavior,
 			value: inputAriaProps().value ?? "",
 			children: true
 		}), groupState, inputElement);
@@ -471,16 +462,18 @@ function CheckboxField(props) {
 		getDescriptionProps = () => itemAria.descriptionProps;
 		getErrorMessageProps = () => itemAria.errorMessageProps;
 	} else {
-		const checkboxAria = createCheckbox(() => ({
-			...inputAriaProps(),
-			isIndeterminate: local.isIndeterminate,
-			children: true
-		}), createToggleState(() => ({
+		const state = createToggleState(() => ({
 			isSelected: ariaProps.isSelected,
 			defaultSelected: ariaProps.defaultSelected,
 			onChange: ariaProps.onChange,
 			isReadOnly: ariaProps.isReadOnly
-		})), inputElement);
+		}));
+		const checkboxAria = createCheckbox(() => ({
+			...inputAriaProps(),
+			validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),
+			isIndeterminate: local.isIndeterminate,
+			children: true
+		}), state, inputElement);
 		isSelected = checkboxAria.isSelected;
 		isPressed = checkboxAria.isPressed;
 		labelProps = checkboxAria.labelProps;
@@ -489,16 +482,16 @@ function CheckboxField(props) {
 		getErrorMessageProps = () => checkboxAria.errorMessageProps;
 	}
 	const isDisabled = () => inputProps().disabled === true;
-	const isReadOnly = () => inputProps()["aria-readonly"] === true;
-	const isInvalid = () => inputProps()["aria-invalid"] === true;
+	const isReadOnly = () => isAriaTrue(inputProps()["aria-readonly"]);
+	const isInvalid = () => isAriaTrue(inputProps()["aria-invalid"]);
 	const isIndeterminate = () => local.isIndeterminate ?? false;
 	const isRequired = () => ariaProps.isRequired ?? false;
 	const setInputRef = (el) => {
 		setInputElement(el);
-		for (const ref of inputRefs()) assignRef(ref, el);
+		for (const ref of inputRefs()) assignRef$1(ref, el);
 	};
 	const setFieldRef = (el) => {
-		assignRef(local.ref, el);
+		assignRef$1(local.ref, el);
 	};
 	const internalContext = {
 		isSelected,
@@ -580,16 +573,16 @@ function CheckboxField(props) {
 		});
 		return <>{renderedChildren()}</>;
 	};
-	return <div {...domProps()} ref={setFieldRef} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-selected={isSelected() || void 0} data-indeterminate={isIndeterminate() || void 0} data-disabled={isDisabled() || void 0} data-readonly={isReadOnly() || void 0} data-invalid={isInvalid() || void 0} data-required={isRequired() || void 0}>
-      <InternalCheckboxContext.Provider value={internalContext}>
+	return <div {...domProps()} ref={setFieldRef} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-selected={dataAttr(isSelected())} data-indeterminate={dataAttr(isIndeterminate())} data-disabled={dataAttr(isDisabled())} data-readonly={dataAttr(isReadOnly())} data-invalid={dataAttr(isInvalid())} data-required={dataAttr(isRequired())}>
+      <InternalCheckboxContext value={internalContext}>
         <Provider values={[[TextContext, textSlots]]}>
           <Show when={fieldErrorContext} fallback={<FieldChildren />} keyed>
-            {(ctx) => <FieldErrorContext.Provider value={ctx}>
+            {(ctx) => <FieldErrorContext value={ctx}>
                 <FieldChildren />
-              </FieldErrorContext.Provider>}
+              </FieldErrorContext>}
           </Show>
         </Provider>
-      </InternalCheckboxContext.Provider>
+      </InternalCheckboxContext>
     </div>;
 }
 /**
@@ -688,13 +681,13 @@ function CheckboxButtonImpl(props) {
 		focusProps.onBlur?.(event);
 	};
 	const setButtonRef = (el) => {
-		assignRef(props.buttonProps.ref, el);
+		assignRef$1(props.buttonProps.ref, el);
 	};
 	const buttonChildren = () => {
 		const children = props.buttonProps.children;
 		return typeof children === "function" ? children(childRenderValues) : children;
 	};
-	return <label {...cleanLabelProps()} {...cleanHoverProps()} ref={setButtonRef} class={renderProps.class()} style={renderProps.style()} slot={props.buttonProps.slot} data-selected={ctx.isSelected() || void 0} data-indeterminate={ctx.isIndeterminate() || void 0} data-pressed={ctx.isPressed() || void 0} data-hovered={isHovered() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-disabled={ctx.isDisabled() || void 0} data-readonly={ctx.isReadOnly() || void 0} data-invalid={ctx.isInvalid() || void 0} data-required={ctx.isRequired() || void 0}>
+	return <label {...cleanLabelProps()} {...cleanHoverProps()} ref={setButtonRef} class={renderProps.class()} style={renderProps.style()} slot={props.buttonProps.slot} data-selected={dataAttr(ctx.isSelected())} data-indeterminate={dataAttr(ctx.isIndeterminate())} data-pressed={dataAttr(ctx.isPressed())} data-hovered={dataAttr(isHovered())} data-focused={dataAttr(isFocused())} data-focus-visible={dataAttr(isFocusVisible())} data-disabled={dataAttr(ctx.isDisabled())} data-readonly={dataAttr(ctx.isReadOnly())} data-invalid={dataAttr(ctx.isInvalid())} data-required={dataAttr(ctx.isRequired())}>
       <VisuallyHidden>
         <input ref={ctx.setInputRef} {...cleanInputProps()} {...cleanFocusProps()} onFocus={handleInputFocus} onBlur={handleInputBlur} />
       </VisuallyHidden>

package/dist/Checkbox.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.jsx","names":["mergeProps"],"sources":["../src/Checkbox.tsx"],"sourcesContent":["/**\n * Checkbox and CheckboxGroup components for solidaria-components\n *\n * Pre-wired headless checkbox components that combine state + aria hooks.\n * Port of react-aria-components/src/Checkbox.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  type Accessor,\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  splitProps,\n  Show,\n} from \"solid-js\";\nimport {\n  createCheckbox,\n  createCheckboxGroup,\n  createCheckboxGroupItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaCheckboxProps,\n  type AriaCheckboxGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createToggleState,\n  createCheckboxGroupState,\n  VALID_VALIDITY_STATE,\n  type CheckboxGroupState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  Provider,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport { TextContext } from \"./Text\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface CheckboxGroupRenderProps {\n  /** Whether the checkbox group is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox group is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox group is required. */\n  isRequired: boolean;\n  /** Whether the checkbox group is invalid. */\n  isInvalid: boolean;\n  /** State of the checkbox group. */\n  state: CheckboxGroupState;\n}\n\nexport interface CheckboxRenderProps {\n  /** Whether the checkbox is selected. */\n  isSelected: boolean;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate: boolean;\n  /** Whether the checkbox is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the checkbox is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the checkbox is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the checkbox is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the checkbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox is invalid. */\n  isInvalid: boolean;\n  /** Whether the checkbox is required. */\n  isRequired: boolean;\n}\n\nexport interface CheckboxGroupProps\n  extends Omit<AriaCheckboxGroupProps, \"children\" | \"label\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<CheckboxGroupRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxGroupRenderProps>;\n  /** Ref for the checkbox group root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /**\n   * Whether this component renders its own description/error-message elements.\n   * A styled layer (e.g. solid-spectrum) that renders its own HelpText via a\n   * `<Text slot>` sets this to `false`: the wiring stays here — the single source\n   * of truth that mints the description/error ids and threads them onto the group\n   * and every item's `aria-describedby` — while the visible node is owned by the\n   * styled layer. Mirrors RAC, where the group provides a `TextContext` slot and\n   * never renders its own description node.\n   * @default true\n   */\n  renderHelpText?: boolean;\n}\n\nexport interface CheckboxProps extends Omit<AriaCheckboxProps, \"children\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<CheckboxRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxRenderProps>;\n  /** Custom renderer for the outer label element. */\n  render?: (\n    props: JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    renderProps: CheckboxRenderProps,\n  ) => JSX.Element;\n  /** Ref for the outer label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate?: boolean;\n  /** A description for the checkbox. */\n  description?: JSX.Element;\n  /** An error message for the checkbox. */\n  errorMessage?: JSX.Element;\n  /** Handler called when hover starts. */\n  onHoverStart?: () => void;\n  /** Handler called when hover ends. */\n  onHoverEnd?: () => void;\n  /** Handler called when hover state changes. */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupProps | null>(null);\nexport const CheckboxGroupStateContext = createContext<CheckboxGroupState | null>(null);\nexport interface CheckboxContextValue extends CheckboxProps {\n  slots?: Record<string, CheckboxProps>;\n}\nexport const CheckboxContext = createContext<CheckboxContextValue | null>(null);\n\ntype PropsWithValidationBehavior = {\n  validationBehavior?: \"aria\" | \"native\";\n};\n\nfunction withFormValidationBehavior<T extends PropsWithValidationBehavior>(\n  props: T,\n  formContext: FormProps | null,\n): T {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\n/**\n * A checkbox group allows a user to select multiple items from a list of options.\n *\n * @example\n * ```tsx\n * <CheckboxGroup>\n *   <Checkbox value=\"one\">Option 1</Checkbox>\n *   <Checkbox value=\"two\">Option 2</Checkbox>\n * </CheckboxGroup>\n * ```\n */\nexport function CheckboxGroup(props: CheckboxGroupProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n    \"description\",\n    \"errorMessage\",\n    \"renderHelpText\",\n    \"children\",\n  ]);\n\n  // Use getters to ensure props are read lazily inside reactive contexts\n  const state = createCheckboxGroupState(() => ({\n    value: ariaProps.value,\n    defaultValue: ariaProps.defaultValue,\n    onChange: ariaProps.onChange,\n    isDisabled: ariaProps.isDisabled,\n    isReadOnly: ariaProps.isReadOnly,\n    isRequired: ariaProps.isRequired,\n    isInvalid: ariaProps.isInvalid,\n    validationState: ariaProps.validationState,\n    validate: ariaProps.validate,\n    validationBehavior: ariaProps.validationBehavior,\n    name: ariaProps.name,\n  }));\n\n  const groupAria = createCheckboxGroup(\n    () => ({\n      ...ariaProps,\n      description: local.description,\n      errorMessage: local.errorMessage,\n    }),\n    state,\n  );\n\n  const renderValues = createMemo<CheckboxGroupRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isReadOnly: state.isReadOnly,\n    isRequired: ariaProps.isRequired ?? false,\n    isInvalid: groupAria.isInvalid,\n    state,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-CheckboxGroup\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = groupAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n  const setGroupRef = (el: HTMLDivElement) => {\n    assignRef(local.ref, el);\n  };\n  const groupDescribedBy = () => {\n    const ids = [\n      (cleanGroupProps() as { \"aria-describedby\"?: string })[\"aria-describedby\"],\n      local.description ? groupAria.descriptionProps.id : undefined,\n      groupAria.isInvalid && local.errorMessage ? groupAria.errorMessageProps.id : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n\n  const GroupChildren = () => {\n    const childRenderValues: CheckboxGroupRenderProps = {\n      get isDisabled() {\n        return state.isDisabled;\n      },\n      get isReadOnly() {\n        return state.isReadOnly;\n      },\n      get isRequired() {\n        return state.isRequired();\n      },\n      get isInvalid() {\n        return groupAria.isInvalid;\n      },\n      get state() {\n        return state;\n      },\n    };\n    const renderedChildren = createMemo(() => {\n      const children = local.children;\n      if (typeof children === \"function\") {\n        return children.length > 0\n          ? children(childRenderValues)\n          : (children as unknown as () => JSX.Element)();\n      }\n      return children;\n    });\n\n    return <>{renderedChildren()}</>;\n  };\n\n  return (\n    <CheckboxGroupStateContext.Provider value={state}>\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={setGroupRef}\n        aria-describedby={groupDescribedBy()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={state.isDisabled || undefined}\n        data-readonly={state.isReadOnly || undefined}\n        data-required={ariaProps.isRequired || undefined}\n        data-invalid={groupAria.isInvalid || undefined}\n      >\n        <GroupChildren />\n        {/* A styled layer can own the visible HelpText (renderHelpText={false});\n            the id wiring above still runs so the group and its items stay\n            associated. Default true keeps the bare headless self-sufficient. */}\n        <Show when={(local.renderHelpText ?? true) && local.description}>\n          <div {...(groupAria.descriptionProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}>\n            {local.description}\n          </div>\n        </Show>\n        <Show when={(local.renderHelpText ?? true) && groupAria.isInvalid && local.errorMessage}>\n          <div {...(groupAria.errorMessageProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}>\n            {local.errorMessage}\n          </div>\n        </Show>\n      </div>\n    </CheckboxGroupStateContext.Provider>\n  );\n}\n\n/**\n * A checkbox allows a user to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n *\n * @example\n * ```tsx\n * <Checkbox>\n *   {({ isSelected }) => (\n *     <>\n *       <span class={`checkbox ${isSelected ? 'checked' : ''}`}>\n *         {isSelected && '✓'}\n *       </span>\n *       <span>Accept terms</span>\n *     </>\n *   )}\n * </Checkbox>\n * ```\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(CheckboxContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<CheckboxProps>(() => {\n    if (!contextProps) return {};\n    const { slots: _slots, ...rest } = contextProps;\n    return rest;\n  });\n  const mergedProps = contextProps\n    ? (mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) as CheckboxProps)\n    : props;\n  const propsWithFormBehavior = withFormValidationBehavior(mergedProps, formContext);\n  const inputRefs = createMemo(\n    () =>\n      [contextBaseProps().inputRef, contextSlotProps?.inputRef, props.inputRef].filter(\n        Boolean,\n      ) as RefLike<HTMLInputElement>[],\n  );\n\n  const [local, ariaProps] = splitProps(propsWithFormBehavior, [\n    \"class\",\n    \"style\",\n    \"render\",\n    \"ref\",\n    \"inputRef\",\n    \"slot\",\n    \"isIndeterminate\",\n    \"description\",\n    \"errorMessage\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const descriptionId = createUniqueId();\n  const errorMessageId = createUniqueId();\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const groupState = useContext(CheckboxGroupStateContext);\n\n  let isSelected: Accessor<boolean>;\n  let isPressed: Accessor<boolean>;\n  let isDisabled: Accessor<boolean>;\n  let isReadOnly: Accessor<boolean>;\n  let isInvalid: Accessor<boolean>;\n  let labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  let inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  if (groupState) {\n    const itemAria = createCheckboxGroupItem(\n      () => ({\n        ...inputAriaProps(),\n        value: inputAriaProps().value ?? \"\",\n        children: typeof mergedProps.children === \"function\" ? true : mergedProps.children,\n      }),\n      groupState,\n      inputElement,\n    );\n    isSelected = itemAria.isSelected;\n    isPressed = itemAria.isPressed;\n    labelProps = itemAria.labelProps;\n    inputProps = () => itemAria.inputProps;\n  } else {\n    // Use getters to ensure props are read lazily inside reactive contexts\n    const state = createToggleState(() => ({\n      isSelected: ariaProps.isSelected,\n      defaultSelected: ariaProps.defaultSelected,\n      onChange: ariaProps.onChange,\n      isReadOnly: ariaProps.isReadOnly,\n    }));\n\n    const checkboxAria = createCheckbox(\n      () => ({\n        ...inputAriaProps(),\n        isIndeterminate: local.isIndeterminate,\n        children: typeof mergedProps.children === \"function\" ? true : mergedProps.children,\n      }),\n      state,\n      inputElement,\n    );\n    isSelected = checkboxAria.isSelected;\n    isPressed = checkboxAria.isPressed;\n    labelProps = checkboxAria.labelProps;\n    inputProps = () => checkboxAria.inputProps;\n  }\n  isDisabled = () => inputProps().disabled === true;\n  isReadOnly = () => inputProps()[\"aria-readonly\"] === true;\n  isInvalid = () => inputProps()[\"aria-invalid\"] === true;\n  const describedBy = () => {\n    const ids = [\n      ariaProps[\"aria-describedby\"],\n      local.description ? descriptionId : undefined,\n      isInvalid() && local.errorMessage ? errorMessageId : undefined,\n    ].filter(Boolean);\n    return ids.length ? ids.join(\" \") : undefined;\n  };\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled() || isReadOnly();\n    },\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  });\n\n  const renderValues = createMemo<CheckboxRenderProps>(() => ({\n    isSelected: isSelected(),\n    isIndeterminate: local.isIndeterminate ?? false,\n    isHovered: isHovered(),\n    isPressed: isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: isDisabled(),\n    isReadOnly: isReadOnly(),\n    isInvalid: isInvalid(),\n    isRequired: ariaProps.isRequired ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: mergedProps.children,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Checkbox\",\n    },\n    renderValues,\n  );\n  const childRenderValues: CheckboxRenderProps = {\n    get isSelected() {\n      return isSelected();\n    },\n    get isIndeterminate() {\n      return local.isIndeterminate ?? false;\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get isReadOnly() {\n      return isReadOnly();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n  };\n  const checkboxChildren = () => {\n    const children = mergedProps.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const {\n      ref: _ref3,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = inputProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const {\n      ref: _ref4,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      inputProps() as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n    (\n      focusProps as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n  };\n  const handleInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      inputProps() as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onBlur?.(event);\n    (focusProps as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }).onBlur?.(\n      event,\n    );\n  };\n  const setLabelRef = (el: HTMLLabelElement) => {\n    assignRef(local.ref, el);\n  };\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputElement(el);\n    for (const ref of inputRefs()) {\n      assignRef(ref, el);\n    }\n  };\n  const hiddenInput = (\n    <VisuallyHidden>\n      <input\n        ref={setInputRef}\n        {...cleanInputProps()}\n        {...cleanFocusProps()}\n        onFocus={handleInputFocus}\n        onBlur={handleInputBlur}\n        aria-describedby={describedBy()}\n      />\n    </VisuallyHidden>\n  );\n  const labelChildren = () => (\n    <>\n      {hiddenInput}\n      {checkboxChildren()}\n      <Show when={local.description}>\n        <span id={descriptionId} slot=\"description\">\n          {local.description}\n        </span>\n      </Show>\n      <Show when={isInvalid() && local.errorMessage}>\n        <span id={errorMessageId} slot=\"errorMessage\">\n          {local.errorMessage}\n        </span>\n      </Show>\n    </>\n  );\n  const rootProps = createMemo(\n    () =>\n      ({\n        ...domProps(),\n        ...cleanLabelProps(),\n        ...cleanHoverProps(),\n        class: renderProps.class(),\n        style: renderProps.style(),\n        slot: local.slot,\n        \"data-selected\": isSelected() || undefined,\n        \"data-indeterminate\": local.isIndeterminate || undefined,\n        \"data-pressed\": isPressed() || undefined,\n        \"data-hovered\": isHovered() || undefined,\n        \"data-focused\": isFocused() || undefined,\n        \"data-focus-visible\": isFocusVisible() || undefined,\n        \"data-disabled\": isDisabled() || undefined,\n        \"data-readonly\": isReadOnly() || undefined,\n        \"data-invalid\": isInvalid() || undefined,\n        \"data-required\": ariaProps.isRequired || undefined,\n      }) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n  );\n  const customRootProps = () =>\n    ({\n      ...rootProps(),\n      ref: setLabelRef,\n      children: labelChildren(),\n    }) as JSX.LabelHTMLAttributes<HTMLLabelElement>;\n\n  return local.render ? (\n    local.render(customRootProps(), renderValues())\n  ) : (\n    <label\n      {...domProps()}\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      ref={setLabelRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-selected={isSelected() || undefined}\n      data-indeterminate={local.isIndeterminate || undefined}\n      data-pressed={isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-readonly={isReadOnly() || undefined}\n      data-invalid={isInvalid() || undefined}\n      data-required={ariaProps.isRequired || undefined}\n    >\n      {labelChildren()}\n    </label>\n  );\n}\n\n// ============================================================================\n// CheckboxField + CheckboxButton — the RAC form-field split (RAC 1.19)\n// ----------------------------------------------------------------------------\n// Upstream split the monolithic Checkbox into a CheckboxField wrapper (owns\n// state, validation, and help text) containing a CheckboxButton control (the\n// clickable indicator + label). Mirrors react-aria-components/src/Checkbox.tsx.\n// The legacy `Checkbox` above stays as the deprecated monolith for back-compat.\n//\n// Help text wiring mirrors upstream exactly: CheckboxField has NO description /\n// errorMessage props. createCheckbox (via createToggle) mints descriptionProps /\n// errorMessageProps (slot ids) and bakes the combined aria-describedby into\n// inputProps; the field provides those ids through TextContext slots. Consumers\n// render the help text themselves with `<Text slot=\"description\">` / `<FieldError>`.\n// The field/button handoff still uses a native InternalCheckboxContext (read inside\n// the provider via `Show … keyed`), but the slot wiring is now faithful.\n// ============================================================================\n\nexport interface CheckboxFieldRenderProps {\n  /** Whether the checkbox is selected. */\n  isSelected: boolean;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate: boolean;\n  /** Whether the checkbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox is invalid. */\n  isInvalid: boolean;\n  /** Whether the checkbox is required. */\n  isRequired: boolean;\n}\n\nexport interface CheckboxButtonRenderProps extends CheckboxRenderProps {}\n\nexport interface CheckboxFieldProps\n  extends Omit<AriaCheckboxProps, \"children\" | \"validationState\">, SlotProps {\n  /** The children of the component (typically a `CheckboxButton`). A function may receive render props. */\n  children?: RenderChildren<CheckboxFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxFieldRenderProps>;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate?: boolean;\n  /** Ref for the checkbox field root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\nexport interface CheckboxButtonProps extends SlotProps {\n  /** The children of the component. A function may receive render props. */\n  children?: RenderChildren<CheckboxButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxButtonRenderProps>;\n  /** Ref for the outer label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Handler called when hover starts. */\n  onHoverStart?: () => void;\n  /** Handler called when hover ends. */\n  onHoverEnd?: () => void;\n  /** Handler called when hover state changes. */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport interface CheckboxFieldContextValue extends CheckboxFieldProps {\n  slots?: Record<string, CheckboxFieldProps>;\n}\nexport const CheckboxFieldContext = createContext<CheckboxFieldContextValue | null>(null);\n\n/** Carries the checkbox aria + state from a CheckboxField/Checkbox wrapper to its CheckboxButton. */\ninterface InternalCheckboxContextValue {\n  isSelected: Accessor<boolean>;\n  isPressed: Accessor<boolean>;\n  isDisabled: Accessor<boolean>;\n  isReadOnly: Accessor<boolean>;\n  isInvalid: Accessor<boolean>;\n  isIndeterminate: Accessor<boolean>;\n  isRequired: Accessor<boolean>;\n  labelProps: () => JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n  setInputRef: (el: HTMLInputElement) => void;\n  defaultClassName: string;\n}\nconst InternalCheckboxContext = createContext<InternalCheckboxContextValue | null>(null);\n\n/**\n * A checkbox allows a user to select an item, with support for validation and help text.\n * Wraps a `CheckboxButton` and provides description/error wiring.\n *\n * @example\n * ```tsx\n * <CheckboxField>\n *   <CheckboxButton>Accept terms</CheckboxButton>\n *   <Text slot=\"description\">Required to continue</Text>\n * </CheckboxField>\n * ```\n */\nexport function CheckboxField(props: CheckboxFieldProps): JSX.Element {\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(CheckboxFieldContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<CheckboxFieldProps>(() => {\n    if (!contextProps) return {};\n    const { slots: _slots, ...rest } = contextProps;\n    return rest;\n  });\n  const mergedProps = contextProps\n    ? (mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) as CheckboxFieldProps)\n    : props;\n  const propsWithFormBehavior = withFormValidationBehavior(mergedProps, formContext);\n  const inputRefs = createMemo(\n    () =>\n      [contextBaseProps().inputRef, contextSlotProps?.inputRef, props.inputRef].filter(\n        Boolean,\n      ) as RefLike<HTMLInputElement>[],\n  );\n\n  // `children` is split out of ariaProps so neither the inputAriaProps key-copy\n  // loop nor the hook accessor spread eagerly reads it — reading a Solid\n  // `children` getter instantiates the nested CheckboxButton, and doing so\n  // OUTSIDE InternalCheckboxContext both breaks its binding and recurses.\n  const [local, ariaProps] = splitProps(propsWithFormBehavior, [\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"inputRef\",\n    \"slot\",\n    \"isIndeterminate\",\n    \"children\",\n  ]);\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const groupState = useContext(CheckboxGroupStateContext);\n\n  let isSelected: Accessor<boolean>;\n  let isPressed: Accessor<boolean>;\n  let labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  let inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n  let getDescriptionProps: () => JSX.HTMLAttributes<HTMLElement>;\n  let getErrorMessageProps: () => JSX.HTMLAttributes<HTMLElement>;\n\n  if (groupState) {\n    const itemAria = createCheckboxGroupItem(\n      () => ({\n        ...inputAriaProps(),\n        value: inputAriaProps().value ?? \"\",\n        // The hook reads `children` only to decide if an aria-label is needed;\n        // the visible label lives in the CheckboxButton, so report presence.\n        children: true,\n      }),\n      groupState,\n      inputElement,\n    );\n    isSelected = itemAria.isSelected;\n    isPressed = itemAria.isPressed;\n    labelProps = itemAria.labelProps;\n    inputProps = () => itemAria.inputProps;\n    getDescriptionProps = () => itemAria.descriptionProps;\n    getErrorMessageProps = () => itemAria.errorMessageProps;\n  } else {\n    const state = createToggleState(() => ({\n      isSelected: ariaProps.isSelected,\n      defaultSelected: ariaProps.defaultSelected,\n      onChange: ariaProps.onChange,\n      isReadOnly: ariaProps.isReadOnly,\n    }));\n\n    const checkboxAria = createCheckbox(\n      () => ({\n        ...inputAriaProps(),\n        isIndeterminate: local.isIndeterminate,\n        children: true,\n      }),\n      state,\n      inputElement,\n    );\n    isSelected = checkboxAria.isSelected;\n    isPressed = checkboxAria.isPressed;\n    labelProps = checkboxAria.labelProps;\n    inputProps = () => checkboxAria.inputProps;\n    getDescriptionProps = () => checkboxAria.descriptionProps;\n    getErrorMessageProps = () => checkboxAria.errorMessageProps;\n  }\n  const isDisabled = () => inputProps().disabled === true;\n  const isReadOnly = () => inputProps()[\"aria-readonly\"] === true;\n  const isInvalid = () => inputProps()[\"aria-invalid\"] === true;\n  const isIndeterminate = () => local.isIndeterminate ?? false;\n  const isRequired = () => ariaProps.isRequired ?? false;\n\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputElement(el);\n    for (const ref of inputRefs()) {\n      assignRef(ref, el);\n    }\n  };\n  const setFieldRef = (el: HTMLDivElement) => {\n    assignRef(local.ref, el);\n  };\n\n  const internalContext: InternalCheckboxContextValue = {\n    isSelected,\n    isPressed,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isIndeterminate,\n    isRequired,\n    labelProps: () => labelProps,\n    inputProps,\n    setInputRef,\n    defaultClassName: \"solidaria-CheckboxButton\",\n  };\n\n  // Slot the description/error message ids onto a TextContext so a child\n  // `<Text slot=\"description\">` / `<FieldError>` resolves the id the input's\n  // baked aria-describedby references — mirrors upstream CheckboxField.\n  const textSlots = {\n    slots: {\n      get description() {\n        return getDescriptionProps();\n      },\n      get errorMessage() {\n        return getErrorMessageProps();\n      },\n    },\n  };\n\n  const renderValues = createMemo<CheckboxFieldRenderProps>(() => ({\n    isSelected: isSelected(),\n    isIndeterminate: isIndeterminate(),\n    isDisabled: isDisabled(),\n    isReadOnly: isReadOnly(),\n    isInvalid: isInvalid(),\n    isRequired: isRequired(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: mergedProps.children,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-CheckboxField\",\n    },\n    renderValues,\n  );\n\n  // In a CheckboxGroup, validation is handled at the group level — mirror\n  // upstream and provide no per-field FieldErrorContext there.\n  const fieldErrorContext: FieldErrorContextValue | null = groupState\n    ? null\n    : {\n        get validation(): ValidationResult {\n          return {\n            isInvalid: isInvalid(),\n            validationDetails: VALID_VALIDITY_STATE,\n            validationErrors: [],\n          };\n        },\n        get errorMessageProps() {\n          return getErrorMessageProps() as JSX.HTMLAttributes<HTMLElement>;\n        },\n      };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  // Children are accessed inside the providers (component-execution owner) so a\n  // nested CheckboxButton's useContext binds to InternalCheckboxContext.\n  const FieldChildren = () => {\n    const childRenderValues: CheckboxFieldRenderProps = {\n      get isSelected() {\n        return isSelected();\n      },\n      get isIndeterminate() {\n        return isIndeterminate();\n      },\n      get isDisabled() {\n        return isDisabled();\n      },\n      get isReadOnly() {\n        return isReadOnly();\n      },\n      get isInvalid() {\n        return isInvalid();\n      },\n      get isRequired() {\n        return isRequired();\n      },\n    };\n    const renderedChildren = createMemo(() => {\n      const children = mergedProps.children;\n      return typeof children === \"function\" ? children(childRenderValues) : children;\n    });\n    return <>{renderedChildren()}</>;\n  };\n\n  const fieldDiv = (\n    <div\n      {...domProps()}\n      ref={setFieldRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-selected={isSelected() || undefined}\n      data-indeterminate={isIndeterminate() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-readonly={isReadOnly() || undefined}\n      data-invalid={isInvalid() || undefined}\n      data-required={isRequired() || undefined}\n    >\n      <InternalCheckboxContext.Provider value={internalContext}>\n        <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n          <Show when={fieldErrorContext} fallback={<FieldChildren />} keyed>\n            {(ctx) => (\n              <FieldErrorContext.Provider value={ctx}>\n                <FieldChildren />\n              </FieldErrorContext.Provider>\n            )}\n          </Show>\n        </Provider>\n      </InternalCheckboxContext.Provider>\n    </div>\n  );\n\n  return fieldDiv;\n}\n\n/**\n * A checkbox button is the clickable area of a checkbox, including the indicator and label.\n * Must be rendered inside a `CheckboxField` (or the legacy `Checkbox`).\n */\nexport function CheckboxButton(props: CheckboxButtonProps): JSX.Element {\n  const getCtx = createMemo(() => useContext(InternalCheckboxContext));\n  return (\n    <Show when={getCtx()} fallback={null} keyed>\n      {(ctx) => <CheckboxButtonImpl buttonProps={props} ctx={ctx} />}\n    </Show>\n  );\n}\n\nfunction CheckboxButtonImpl(props: {\n  buttonProps: CheckboxButtonProps;\n  ctx: InternalCheckboxContextValue;\n}): JSX.Element {\n  const { ctx } = props;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ctx.isDisabled() || ctx.isReadOnly();\n    },\n    onHoverStart: props.buttonProps.onHoverStart,\n    onHoverEnd: props.buttonProps.onHoverEnd,\n    onHoverChange: props.buttonProps.onHoverChange,\n  });\n\n  const renderValues = createMemo<CheckboxButtonRenderProps>(() => ({\n    isSelected: ctx.isSelected(),\n    isIndeterminate: ctx.isIndeterminate(),\n    isHovered: isHovered(),\n    isPressed: ctx.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ctx.isDisabled(),\n    isReadOnly: ctx.isReadOnly(),\n    isInvalid: ctx.isInvalid(),\n    isRequired: ctx.isRequired(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: props.buttonProps.children,\n      class: props.buttonProps.class,\n      style: props.buttonProps.style,\n      defaultClassName: ctx.defaultClassName,\n    },\n    renderValues,\n  );\n\n  const childRenderValues: CheckboxButtonRenderProps = {\n    get isSelected() {\n      return ctx.isSelected();\n    },\n    get isIndeterminate() {\n      return ctx.isIndeterminate();\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return ctx.isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return ctx.isDisabled();\n    },\n    get isReadOnly() {\n      return ctx.isReadOnly();\n    },\n    get isInvalid() {\n      return ctx.isInvalid();\n    },\n    get isRequired() {\n      return ctx.isRequired();\n    },\n  };\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = ctx.labelProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const {\n      ref: _ref3,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = ctx.inputProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const {\n      ref: _ref4,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      ctx.inputProps() as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n    (\n      focusProps as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n  };\n  const handleInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      ctx.inputProps() as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onBlur?.(event);\n    (focusProps as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }).onBlur?.(\n      event,\n    );\n  };\n  const setButtonRef = (el: HTMLLabelElement) => {\n    assignRef(props.buttonProps.ref, el);\n  };\n\n  const buttonChildren = () => {\n    const children = props.buttonProps.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      ref={setButtonRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={props.buttonProps.slot}\n      data-selected={ctx.isSelected() || undefined}\n      data-indeterminate={ctx.isIndeterminate() || undefined}\n      data-pressed={ctx.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={ctx.isDisabled() || undefined}\n      data-readonly={ctx.isReadOnly() || undefined}\n      data-invalid={ctx.isInvalid() || undefined}\n      data-required={ctx.isRequired() || undefined}\n    >\n      <VisuallyHidden>\n        <input\n          ref={ctx.setInputRef}\n          {...cleanInputProps()}\n          {...cleanFocusProps()}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n        />\n      </VisuallyHidden>\n      {buttonChildren()}\n    </label>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.jsx","names":["assignRef"],"sources":["../src/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Checkbox.tsx\n\n/**\n * Checkbox and CheckboxGroup components for solidaria-components\n *\n * Pre-wired headless checkbox components that combine state + aria hooks.\n * Port of react-aria-components/src/Checkbox.tsx\n */\n\nimport {\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  Show,\n} from \"solid-js\";\nimport type { Context, Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createCheckbox,\n  createCheckboxGroup,\n  createCheckboxGroupItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaCheckboxProps,\n  type AriaCheckboxGroupProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createToggleState,\n  createCheckboxGroupState,\n  VALID_VALIDITY_STATE,\n  type CheckboxGroupState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  Provider,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  isAriaTrue,\n} from \"./utils\";\nimport { FormContext, resolveValidationBehavior } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport { TextContext } from \"./Text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface CheckboxGroupRenderProps {\n  /** Whether the checkbox group is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox group is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox group is required. */\n  isRequired: boolean;\n  /** Whether the checkbox group is invalid. */\n  isInvalid: boolean;\n  /** State of the checkbox group. */\n  state: CheckboxGroupState;\n}\n\nexport interface CheckboxRenderProps {\n  /** Whether the checkbox is selected. */\n  isSelected: boolean;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate: boolean;\n  /** Whether the checkbox is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the checkbox is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the checkbox is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the checkbox is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the checkbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox is invalid. */\n  isInvalid: boolean;\n  /** Whether the checkbox is required. */\n  isRequired: boolean;\n}\n\nexport interface CheckboxGroupProps\n  extends Omit<AriaCheckboxGroupProps, \"children\" | \"label\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<CheckboxGroupRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxGroupRenderProps>;\n  /** Ref for the checkbox group root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /**\n   * Whether this component renders its own description/error-message elements.\n   * A styled layer (e.g. solid-spectrum) that renders its own HelpText via a\n   * `<Text slot>` sets this to `false`: the wiring stays here — the single source\n   * of truth that mints the description/error ids and threads them onto the group\n   * and every item's `aria-describedby` — while the visible node is owned by the\n   * styled layer. Mirrors RAC, where the group provides a `TextContext` slot and\n   * never renders its own description node.\n   * @default true\n   */\n  renderHelpText?: boolean;\n}\n\nexport interface CheckboxProps extends Omit<AriaCheckboxProps, \"children\">, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<CheckboxRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxRenderProps>;\n  /** Custom renderer for the outer label element. */\n  render?: (\n    props: JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    renderProps: CheckboxRenderProps,\n  ) => JSX.Element;\n  /** Ref for the outer label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate?: boolean;\n  /** A description for the checkbox. */\n  description?: JSX.Element;\n  /** An error message for the checkbox. */\n  errorMessage?: JSX.Element;\n  /** Handler called when hover starts. */\n  onHoverStart?: () => void;\n  /** Handler called when hover ends. */\n  onHoverEnd?: () => void;\n  /** Handler called when hover state changes. */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupProps | null>(null);\nexport const CheckboxGroupStateContext = createContext<CheckboxGroupState | null>(null);\nexport interface CheckboxContextValue extends CheckboxProps {\n  slots?: Record<string, CheckboxProps>;\n}\nexport const CheckboxContext = createContext<CheckboxContextValue | null>(null);\n\n/**\n * A checkbox group allows a user to select multiple items from a list of options.\n *\n * @example\n * ```tsx\n * <CheckboxGroup>\n *   <Checkbox value=\"one\">Option 1</Checkbox>\n *   <Checkbox value=\"two\">Option 2</Checkbox>\n * </CheckboxGroup>\n * ```\n */\nexport function CheckboxGroup(props: CheckboxGroupProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"ref\",\n    \"description\",\n    \"errorMessage\",\n    \"renderHelpText\",\n    \"children\",\n  ]);\n\n  // Use getters to ensure props are read lazily inside reactive contexts\n  const state = createCheckboxGroupState(() => ({\n    value: ariaProps.value,\n    defaultValue: ariaProps.defaultValue,\n    onChange: ariaProps.onChange,\n    isDisabled: ariaProps.isDisabled,\n    isReadOnly: ariaProps.isReadOnly,\n    isRequired: ariaProps.isRequired,\n    isInvalid: ariaProps.isInvalid,\n    validationState: ariaProps.validationState,\n    validate: ariaProps.validate,\n    validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),\n    name: ariaProps.name,\n  }));\n\n  const groupAria = createCheckboxGroup(\n    () => ({\n      ...ariaProps,\n      validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),\n      description: local.description,\n      errorMessage: local.errorMessage,\n    }),\n    state,\n  );\n\n  const renderValues = createMemo<CheckboxGroupRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isReadOnly: state.isReadOnly,\n    isRequired: ariaProps.isRequired ?? false,\n    isInvalid: groupAria.isInvalid,\n    state,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-CheckboxGroup\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = groupAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n  const setGroupRef = (el: HTMLDivElement) => {\n    assignRef(local.ref, el);\n  };\n  const groupDescribedBy = () => {\n    const ids = [\n      (cleanGroupProps() as { \"aria-describedby\"?: string })[\"aria-describedby\"],\n      local.description ? groupAria.descriptionProps.id : undefined,\n      groupAria.isInvalid && local.errorMessage ? groupAria.errorMessageProps.id : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n\n  const GroupChildren = () => {\n    const childRenderValues: CheckboxGroupRenderProps = {\n      get isDisabled() {\n        return state.isDisabled;\n      },\n      get isReadOnly() {\n        return state.isReadOnly;\n      },\n      get isRequired() {\n        return state.isRequired();\n      },\n      get isInvalid() {\n        return groupAria.isInvalid;\n      },\n      get state() {\n        return state;\n      },\n    };\n    const renderedChildren = createMemo(() => {\n      const children = local.children;\n      if (typeof children === \"function\") {\n        return children.length > 0\n          ? children(childRenderValues)\n          : (children as unknown as () => JSX.Element)();\n      }\n      return children;\n    });\n\n    return <>{renderedChildren()}</>;\n  };\n\n  return (\n    <CheckboxGroupStateContext value={state}>\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={setGroupRef}\n        aria-describedby={groupDescribedBy()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-readonly={dataAttr(state.isReadOnly)}\n        data-required={dataAttr(ariaProps.isRequired)}\n        data-invalid={dataAttr(groupAria.isInvalid)}\n      >\n        <GroupChildren />\n        {/* A styled layer can own the visible HelpText (renderHelpText={false});\n            the id wiring above still runs so the group and its items stay\n            associated. Default true keeps the bare headless self-sufficient. */}\n        <Show when={(local.renderHelpText ?? true) && local.description}>\n          <div {...(groupAria.descriptionProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}>\n            {local.description}\n          </div>\n        </Show>\n        <Show when={(local.renderHelpText ?? true) && groupAria.isInvalid && local.errorMessage}>\n          <div {...(groupAria.errorMessageProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}>\n            {local.errorMessage}\n          </div>\n        </Show>\n      </div>\n    </CheckboxGroupStateContext>\n  );\n}\n\n/**\n * A checkbox allows a user to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n *\n * @example\n * ```tsx\n * <Checkbox>\n *   {({ isSelected }) => (\n *     <>\n *       <span class={`checkbox ${isSelected ? 'checked' : ''}`}>\n *         {isSelected && '✓'}\n *       </span>\n *       <span>Accept terms</span>\n *     </>\n *   )}\n * </Checkbox>\n * ```\n */\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(CheckboxContext);\n  const contextSlotProps =\n    contextProps?.slots?.[typeof props.slot === \"string\" ? props.slot : \"default\"];\n  const contextBaseProps = createMemo<CheckboxProps>(() => {\n    if (!contextProps) return {};\n    const { slots: _slots, ...rest } = contextProps;\n    return rest;\n  });\n  const mergedProps = contextProps\n    ? (mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) as CheckboxProps)\n    : props;\n  const inputRefs = createMemo(\n    () =>\n      [contextBaseProps().inputRef, contextSlotProps?.inputRef, props.inputRef].filter(\n        Boolean,\n      ) as RefLike<HTMLInputElement>[],\n  );\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"class\",\n    \"style\",\n    \"render\",\n    \"ref\",\n    \"inputRef\",\n    \"slot\",\n    \"isIndeterminate\",\n    \"description\",\n    \"errorMessage\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const descriptionId = createUniqueId();\n  const errorMessageId = createUniqueId();\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const groupState = useContext(CheckboxGroupStateContext);\n\n  let isSelected: Accessor<boolean>;\n  let isPressed: Accessor<boolean>;\n  let isDisabled: Accessor<boolean>;\n  let isReadOnly: Accessor<boolean>;\n  let isInvalid: Accessor<boolean>;\n  let labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  let inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  if (groupState) {\n    const itemAria = createCheckboxGroupItem(\n      () => ({\n        ...inputAriaProps(),\n        // Item native default would shadow CheckboxGroup's aria (createCheckboxGroupItem:\n        // props ?? group ?? native). Form fallback only.\n        validationBehavior: ariaProps.validationBehavior ?? formContext?.validationBehavior,\n        value: inputAriaProps().value ?? \"\",\n        children: typeof mergedProps.children === \"function\" ? true : mergedProps.children,\n      }),\n      groupState,\n      inputElement,\n    );\n    isSelected = itemAria.isSelected;\n    isPressed = itemAria.isPressed;\n    labelProps = itemAria.labelProps;\n    inputProps = () => itemAria.inputProps;\n  } else {\n    // Use getters to ensure props are read lazily inside reactive contexts\n    const state = createToggleState(() => ({\n      isSelected: ariaProps.isSelected,\n      defaultSelected: ariaProps.defaultSelected,\n      onChange: ariaProps.onChange,\n      isReadOnly: ariaProps.isReadOnly,\n    }));\n\n    const checkboxAria = createCheckbox(\n      () => ({\n        ...inputAriaProps(),\n        validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),\n        isIndeterminate: local.isIndeterminate,\n        children: typeof mergedProps.children === \"function\" ? true : mergedProps.children,\n      }),\n      state,\n      inputElement,\n    );\n    isSelected = checkboxAria.isSelected;\n    isPressed = checkboxAria.isPressed;\n    labelProps = checkboxAria.labelProps;\n    inputProps = () => checkboxAria.inputProps;\n  }\n  isDisabled = () => inputProps().disabled === true;\n  isReadOnly = () => isAriaTrue(inputProps()[\"aria-readonly\"]);\n  isInvalid = () => isAriaTrue(inputProps()[\"aria-invalid\"]);\n  const describedBy = () => {\n    const ids = [\n      (inputProps() as { \"aria-describedby\"?: string })[\"aria-describedby\"],\n      ariaProps[\"aria-describedby\"],\n      local.description ? descriptionId : undefined,\n      isInvalid() && local.errorMessage ? errorMessageId : undefined,\n    ]\n      .filter(Boolean)\n      .join(\" \")\n      .split(\" \")\n      .filter(Boolean);\n    return ids.length ? Array.from(new Set(ids)).join(\" \") : undefined;\n  };\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled() || isReadOnly();\n    },\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  });\n\n  const renderValues = createMemo<CheckboxRenderProps>(() => ({\n    isSelected: isSelected(),\n    isIndeterminate: local.isIndeterminate ?? false,\n    isHovered: isHovered(),\n    isPressed: isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: isDisabled(),\n    isReadOnly: isReadOnly(),\n    isInvalid: isInvalid(),\n    isRequired: ariaProps.isRequired ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: mergedProps.children,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Checkbox\",\n    },\n    renderValues,\n  );\n  const childRenderValues: CheckboxRenderProps = {\n    get isSelected() {\n      return isSelected();\n    },\n    get isIndeterminate() {\n      return local.isIndeterminate ?? false;\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get isReadOnly() {\n      return isReadOnly();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n  };\n  const checkboxChildren = () => {\n    const children = mergedProps.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = labelProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const {\n      ref: _ref3,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = inputProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const {\n      ref: _ref4,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      inputProps() as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n    (\n      focusProps as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n  };\n  const handleInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      inputProps() as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onBlur?.(event);\n    (focusProps as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }).onBlur?.(\n      event,\n    );\n  };\n  const setLabelRef = (el: HTMLLabelElement) => {\n    assignRef(local.ref, el);\n  };\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputElement(el);\n    for (const ref of inputRefs()) {\n      assignRef(ref, el);\n    }\n  };\n  const hiddenInput = (\n    <VisuallyHidden>\n      <input\n        ref={setInputRef}\n        {...cleanInputProps()}\n        {...cleanFocusProps()}\n        onFocus={handleInputFocus}\n        onBlur={handleInputBlur}\n        aria-describedby={describedBy()}\n      />\n    </VisuallyHidden>\n  );\n  const labelChildren = () => (\n    <>\n      {hiddenInput}\n      {checkboxChildren()}\n      <Show when={local.description}>\n        <span id={descriptionId} slot=\"description\">\n          {local.description}\n        </span>\n      </Show>\n      <Show when={isInvalid() && local.errorMessage}>\n        <span id={errorMessageId} slot=\"errorMessage\">\n          {local.errorMessage}\n        </span>\n      </Show>\n    </>\n  );\n  const rootProps = createMemo(\n    () =>\n      ({\n        ...domProps(),\n        ...cleanLabelProps(),\n        ...cleanHoverProps(),\n        class: renderProps.class(),\n        style: renderProps.style(),\n        slot: local.slot,\n        \"data-selected\": isSelected() || undefined,\n        \"data-indeterminate\": local.isIndeterminate || undefined,\n        \"data-pressed\": isPressed() || undefined,\n        \"data-hovered\": isHovered() || undefined,\n        \"data-focused\": isFocused() || undefined,\n        \"data-focus-visible\": isFocusVisible() || undefined,\n        \"data-disabled\": isDisabled() || undefined,\n        \"data-readonly\": isReadOnly() || undefined,\n        \"data-invalid\": isInvalid() || undefined,\n        \"data-required\": ariaProps.isRequired || undefined,\n      }) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n  );\n  const customRootProps = () =>\n    ({\n      ...rootProps(),\n      ref: setLabelRef,\n      children: labelChildren(),\n    }) as JSX.LabelHTMLAttributes<HTMLLabelElement>;\n\n  return local.render ? (\n    local.render(customRootProps(), renderValues())\n  ) : (\n    <label\n      {...domProps()}\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      ref={setLabelRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-selected={dataAttr(isSelected())}\n      data-indeterminate={dataAttr(local.isIndeterminate)}\n      data-pressed={dataAttr(isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-disabled={dataAttr(isDisabled())}\n      data-readonly={dataAttr(isReadOnly())}\n      data-invalid={dataAttr(isInvalid())}\n      data-required={dataAttr(ariaProps.isRequired)}\n    >\n      {labelChildren()}\n    </label>\n  );\n}\n\n// ============================================================================\n// CheckboxField + CheckboxButton — the RAC form-field split (RAC 1.19)\n// ----------------------------------------------------------------------------\n// Upstream split the monolithic Checkbox into a CheckboxField wrapper (owns\n// state, validation, and help text) containing a CheckboxButton control (the\n// clickable indicator + label). Mirrors react-aria-components/src/Checkbox.tsx.\n// The legacy `Checkbox` above stays as the deprecated monolith for back-compat.\n//\n// Help text wiring mirrors upstream exactly: CheckboxField has NO description /\n// errorMessage props. createCheckbox (via createToggle) mints descriptionProps /\n// errorMessageProps (slot ids) and bakes the combined aria-describedby into\n// inputProps; the field provides those ids through TextContext slots. Consumers\n// render the help text themselves with `<Text slot=\"description\">` / `<FieldError>`.\n// The field/button handoff still uses a native InternalCheckboxContext (read inside\n// the provider via `Show … keyed`), but the slot wiring is now faithful.\n// ============================================================================\n\nexport interface CheckboxFieldRenderProps {\n  /** Whether the checkbox is selected. */\n  isSelected: boolean;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate: boolean;\n  /** Whether the checkbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox is invalid. */\n  isInvalid: boolean;\n  /** Whether the checkbox is required. */\n  isRequired: boolean;\n}\n\nexport interface CheckboxButtonRenderProps extends CheckboxRenderProps {}\n\nexport interface CheckboxFieldProps\n  extends Omit<AriaCheckboxProps, \"children\" | \"validationState\">, SlotProps {\n  /** The children of the component (typically a `CheckboxButton`). A function may receive render props. */\n  children?: RenderChildren<CheckboxFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxFieldRenderProps>;\n  /** Whether the checkbox is indeterminate. */\n  isIndeterminate?: boolean;\n  /** Ref for the checkbox field root element. */\n  ref?: RefLike<HTMLDivElement>;\n  /** Ref for the underlying input element. */\n  inputRef?: RefLike<HTMLInputElement>;\n}\n\nexport interface CheckboxButtonProps extends SlotProps {\n  /** The children of the component. A function may receive render props. */\n  children?: RenderChildren<CheckboxButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CheckboxButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CheckboxButtonRenderProps>;\n  /** Ref for the outer label element. */\n  ref?: RefLike<HTMLLabelElement>;\n  /** Handler called when hover starts. */\n  onHoverStart?: () => void;\n  /** Handler called when hover ends. */\n  onHoverEnd?: () => void;\n  /** Handler called when hover state changes. */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport interface CheckboxFieldContextValue extends CheckboxFieldProps {\n  slots?: Record<string, CheckboxFieldProps>;\n}\nexport const CheckboxFieldContext = createContext<CheckboxFieldContextValue | null>(null);\n\n/** Carries the checkbox aria + state from a CheckboxField/Checkbox wrapper to its CheckboxButton. */\ninterface InternalCheckboxContextValue {\n  isSelected: Accessor<boolean>;\n  isPressed: Accessor<boolean>;\n  isDisabled: Accessor<boolean>;\n  isReadOnly: Accessor<boolean>;\n  isInvalid: Accessor<boolean>;\n  isIndeterminate: Accessor<boolean>;\n  isRequired: Accessor<boolean>;\n  labelProps: () => JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n  setInputRef: (el: HTMLInputElement) => void;\n  defaultClassName: string;\n}\nconst InternalCheckboxContext = createContext<InternalCheckboxContextValue | null>(null);\n\n/**\n * A checkbox allows a user to select an item, with support for validation and help text.\n * Wraps a `CheckboxButton` and provides description/error wiring.\n *\n * @example\n * ```tsx\n * <CheckboxField>\n *   <CheckboxButton>Accept terms</CheckboxButton>\n *   <Text slot=\"description\">Required to continue</Text>\n * </CheckboxField>\n * ```\n */\nexport function CheckboxField(props: CheckboxFieldProps): JSX.Element {\n  const [inputElement, setInputElement] = createSignal<HTMLInputElement | null>(null);\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(CheckboxFieldContext);\n  const contextSlotProps =\n    contextProps?.slots?.[typeof props.slot === \"string\" ? props.slot : \"default\"];\n  const contextBaseProps = createMemo<CheckboxFieldProps>(() => {\n    if (!contextProps) return {};\n    const { slots: _slots, ...rest } = contextProps;\n    return rest;\n  });\n  const mergedProps = contextProps\n    ? (mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) as CheckboxFieldProps)\n    : props;\n  const inputRefs = createMemo(\n    () =>\n      [contextBaseProps().inputRef, contextSlotProps?.inputRef, props.inputRef].filter(\n        Boolean,\n      ) as RefLike<HTMLInputElement>[],\n  );\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"inputRef\",\n    \"slot\",\n    \"isIndeterminate\",\n    \"children\",\n  ]);\n\n  const inputAriaProps = createMemo(() => {\n    const clean: Record<string, unknown> = {};\n    for (const key in ariaProps as Record<string, unknown>) {\n      if (!key.startsWith(\"data-\")) {\n        clean[key] = (ariaProps as Record<string, unknown>)[key];\n      }\n    }\n    return clean as typeof ariaProps;\n  });\n\n  const groupState = useContext(CheckboxGroupStateContext);\n\n  let isSelected: Accessor<boolean>;\n  let isPressed: Accessor<boolean>;\n  let labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  let inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;\n  let getDescriptionProps: () => JSX.HTMLAttributes<HTMLElement>;\n  let getErrorMessageProps: () => JSX.HTMLAttributes<HTMLElement>;\n\n  if (groupState) {\n    const itemAria = createCheckboxGroupItem(\n      () => ({\n        ...inputAriaProps(),\n        // Item native default would shadow CheckboxGroup's aria (createCheckboxGroupItem:\n        // props ?? group ?? native). Form fallback only.\n        validationBehavior: ariaProps.validationBehavior ?? formContext?.validationBehavior,\n        value: inputAriaProps().value ?? \"\",\n        // The hook reads `children` only to decide if an aria-label is needed;\n        // the visible label lives in the CheckboxButton, so report presence.\n        children: true,\n      }),\n      groupState,\n      inputElement,\n    );\n    isSelected = itemAria.isSelected;\n    isPressed = itemAria.isPressed;\n    labelProps = itemAria.labelProps;\n    inputProps = () => itemAria.inputProps;\n    getDescriptionProps = () => itemAria.descriptionProps;\n    getErrorMessageProps = () => itemAria.errorMessageProps;\n  } else {\n    const state = createToggleState(() => ({\n      isSelected: ariaProps.isSelected,\n      defaultSelected: ariaProps.defaultSelected,\n      onChange: ariaProps.onChange,\n      isReadOnly: ariaProps.isReadOnly,\n    }));\n\n    const checkboxAria = createCheckbox(\n      () => ({\n        ...inputAriaProps(),\n        validationBehavior: resolveValidationBehavior(ariaProps.validationBehavior, formContext),\n        isIndeterminate: local.isIndeterminate,\n        children: true,\n      }),\n      state,\n      inputElement,\n    );\n    isSelected = checkboxAria.isSelected;\n    isPressed = checkboxAria.isPressed;\n    labelProps = checkboxAria.labelProps;\n    inputProps = () => checkboxAria.inputProps;\n    getDescriptionProps = () => checkboxAria.descriptionProps;\n    getErrorMessageProps = () => checkboxAria.errorMessageProps;\n  }\n  const isDisabled = () => inputProps().disabled === true;\n  const isReadOnly = () => isAriaTrue(inputProps()[\"aria-readonly\"]);\n  const isInvalid = () => isAriaTrue(inputProps()[\"aria-invalid\"]);\n  const isIndeterminate = () => local.isIndeterminate ?? false;\n  const isRequired = () => ariaProps.isRequired ?? false;\n\n  const setInputRef = (el: HTMLInputElement) => {\n    setInputElement(el);\n    for (const ref of inputRefs()) {\n      assignRef(ref, el);\n    }\n  };\n  const setFieldRef = (el: HTMLDivElement) => {\n    assignRef(local.ref, el);\n  };\n\n  const internalContext: InternalCheckboxContextValue = {\n    isSelected,\n    isPressed,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isIndeterminate,\n    isRequired,\n    labelProps: () => labelProps,\n    inputProps,\n    setInputRef,\n    defaultClassName: \"solidaria-CheckboxButton\",\n  };\n\n  // Slot the description/error message ids onto a TextContext so a child\n  // `<Text slot=\"description\">` / `<FieldError>` resolves the id the input's\n  // baked aria-describedby references — mirrors upstream CheckboxField.\n  const textSlots = {\n    slots: {\n      get description() {\n        return getDescriptionProps();\n      },\n      get errorMessage() {\n        return getErrorMessageProps();\n      },\n    },\n  };\n\n  const renderValues = createMemo<CheckboxFieldRenderProps>(() => ({\n    isSelected: isSelected(),\n    isIndeterminate: isIndeterminate(),\n    isDisabled: isDisabled(),\n    isReadOnly: isReadOnly(),\n    isInvalid: isInvalid(),\n    isRequired: isRequired(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: mergedProps.children,\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-CheckboxField\",\n    },\n    renderValues,\n  );\n\n  // In a CheckboxGroup, validation is handled at the group level — mirror\n  // upstream and provide no per-field FieldErrorContext there.\n  const fieldErrorContext: FieldErrorContextValue | null = groupState\n    ? null\n    : {\n        get validation(): ValidationResult {\n          return {\n            isInvalid: isInvalid(),\n            validationDetails: VALID_VALIDITY_STATE,\n            validationErrors: [],\n          };\n        },\n        get errorMessageProps() {\n          return getErrorMessageProps() as JSX.HTMLAttributes<HTMLElement>;\n        },\n      };\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).id;\n    delete (filtered as Record<string, unknown>).onClick;\n    return filtered;\n  });\n\n  // Children are accessed inside the providers (component-execution owner) so a\n  // nested CheckboxButton's useContext binds to InternalCheckboxContext.\n  const FieldChildren = () => {\n    const childRenderValues: CheckboxFieldRenderProps = {\n      get isSelected() {\n        return isSelected();\n      },\n      get isIndeterminate() {\n        return isIndeterminate();\n      },\n      get isDisabled() {\n        return isDisabled();\n      },\n      get isReadOnly() {\n        return isReadOnly();\n      },\n      get isInvalid() {\n        return isInvalid();\n      },\n      get isRequired() {\n        return isRequired();\n      },\n    };\n    const renderedChildren = createMemo(() => {\n      const children = mergedProps.children;\n      return typeof children === \"function\" ? children(childRenderValues) : children;\n    });\n    return <>{renderedChildren()}</>;\n  };\n\n  const fieldDiv = (\n    <div\n      {...domProps()}\n      ref={setFieldRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-selected={dataAttr(isSelected())}\n      data-indeterminate={dataAttr(isIndeterminate())}\n      data-disabled={dataAttr(isDisabled())}\n      data-readonly={dataAttr(isReadOnly())}\n      data-invalid={dataAttr(isInvalid())}\n      data-required={dataAttr(isRequired())}\n    >\n      <InternalCheckboxContext value={internalContext}>\n        <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n          <Show when={fieldErrorContext} fallback={<FieldChildren />} keyed>\n            {(ctx) => (\n              <FieldErrorContext value={ctx}>\n                <FieldChildren />\n              </FieldErrorContext>\n            )}\n          </Show>\n        </Provider>\n      </InternalCheckboxContext>\n    </div>\n  );\n\n  return fieldDiv;\n}\n\n/**\n * A checkbox button is the clickable area of a checkbox, including the indicator and label.\n * Must be rendered inside a `CheckboxField` (or the legacy `Checkbox`).\n */\nexport function CheckboxButton(props: CheckboxButtonProps): JSX.Element {\n  const getCtx = createMemo(() => useContext(InternalCheckboxContext));\n  return (\n    <Show when={getCtx()} fallback={null} keyed>\n      {(ctx) => <CheckboxButtonImpl buttonProps={props} ctx={ctx} />}\n    </Show>\n  );\n}\n\nfunction CheckboxButtonImpl(props: {\n  buttonProps: CheckboxButtonProps;\n  ctx: InternalCheckboxContextValue;\n}): JSX.Element {\n  const { ctx } = props;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ctx.isDisabled() || ctx.isReadOnly();\n    },\n    onHoverStart: props.buttonProps.onHoverStart,\n    onHoverEnd: props.buttonProps.onHoverEnd,\n    onHoverChange: props.buttonProps.onHoverChange,\n  });\n\n  const renderValues = createMemo<CheckboxButtonRenderProps>(() => ({\n    isSelected: ctx.isSelected(),\n    isIndeterminate: ctx.isIndeterminate(),\n    isHovered: isHovered(),\n    isPressed: ctx.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ctx.isDisabled(),\n    isReadOnly: ctx.isReadOnly(),\n    isInvalid: ctx.isInvalid(),\n    isRequired: ctx.isRequired(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      children: props.buttonProps.children,\n      class: props.buttonProps.class,\n      style: props.buttonProps.style,\n      defaultClassName: ctx.defaultClassName,\n    },\n    renderValues,\n  );\n\n  const childRenderValues: CheckboxButtonRenderProps = {\n    get isSelected() {\n      return ctx.isSelected();\n    },\n    get isIndeterminate() {\n      return ctx.isIndeterminate();\n    },\n    get isHovered() {\n      return isHovered();\n    },\n    get isPressed() {\n      return ctx.isPressed();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    get isFocusVisible() {\n      return isFocusVisible();\n    },\n    get isDisabled() {\n      return ctx.isDisabled();\n    },\n    get isReadOnly() {\n      return ctx.isReadOnly();\n    },\n    get isInvalid() {\n      return ctx.isInvalid();\n    },\n    get isRequired() {\n      return ctx.isRequired();\n    },\n  };\n\n  const cleanLabelProps = () => {\n    const { ref: _ref1, ...rest } = ctx.labelProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanInputProps = () => {\n    const {\n      ref: _ref3,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = ctx.inputProps() as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const {\n      ref: _ref4,\n      onFocus: _onFocus,\n      onBlur: _onBlur,\n      ...rest\n    } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const handleInputFocus: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      ctx.inputProps() as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n    (\n      focusProps as unknown as { onFocus?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onFocus?.(event);\n  };\n  const handleInputBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    (\n      ctx.inputProps() as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }\n    ).onBlur?.(event);\n    (focusProps as unknown as { onBlur?: JSX.EventHandler<HTMLInputElement, FocusEvent> }).onBlur?.(\n      event,\n    );\n  };\n  const setButtonRef = (el: HTMLLabelElement) => {\n    assignRef(props.buttonProps.ref, el);\n  };\n\n  const buttonChildren = () => {\n    const children = props.buttonProps.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      {...cleanHoverProps()}\n      ref={setButtonRef}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={props.buttonProps.slot}\n      data-selected={dataAttr(ctx.isSelected())}\n      data-indeterminate={dataAttr(ctx.isIndeterminate())}\n      data-pressed={dataAttr(ctx.isPressed())}\n      data-hovered={dataAttr(isHovered())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-disabled={dataAttr(ctx.isDisabled())}\n      data-readonly={dataAttr(ctx.isReadOnly())}\n      data-invalid={dataAttr(ctx.isInvalid())}\n      data-required={dataAttr(ctx.isRequired())}\n    >\n      <VisuallyHidden>\n        <input\n          ref={ctx.setInputRef}\n          {...cleanInputProps()}\n          {...cleanFocusProps()}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n        />\n      </VisuallyHidden>\n      {buttonChildren()}\n    </label>\n  );\n}\n"],"mappings":"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"}