"use client";
// Adapted from Adobe React Spectrum starters (Apache-2.0).
// Modified: owned composition, local runtime, scoped CSS and customization.
// See THIRD_PARTY_NOTICES.md.
import {
  CheckboxGroup as PrimitiveCheckboxGroup,
  Checkbox as PrimitiveCheckbox,
  type CheckboxGroupProps as AriaProps,
  type CheckboxProps,
  Label,
  Text,
  FieldError,
  type ValidationResult,
  composeRenderProps,
} from "./react-aria-runtime.js";
import type { ReactNode } from "react";
export interface AriaCheckboxGroupProps extends Omit<AriaProps, "children"> {
  label: string;
  description?: string;
  errorMessage?: string | ((validation: ValidationResult) => string);
  children: ReactNode;
}
export function AriaCheckboxGroup({
  label,
  description,
  errorMessage,
  children,
  className,
  ...props
}: AriaCheckboxGroupProps) {
  return (
    <PrimitiveCheckboxGroup
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-checkbox-group ynr-aria ${value ?? ""}`,
      )}
    >
      <Label className="ynr-aria-label">{label}</Label>
      <div className="ynr-aria-checks">{children}</div>
      {description && (
        <Text slot="description" className="ynr-aria-description">
          {description}
        </Text>
      )}
      <FieldError className="ynr-aria-error">{errorMessage}</FieldError>
    </PrimitiveCheckboxGroup>
  );
}
export function AriaCheckboxGroupItem({
  className,
  children,
  ...props
}: CheckboxProps) {
  return (
    <PrimitiveCheckbox
      {...props}
      className={composeRenderProps(
        className,
        (value) => `ynr-aria-check ${value ?? ""}`,
      )}
    >
      {composeRenderProps(
        children,
        (content, { isSelected, isIndeterminate }) => (
          <>
            <span className="ynr-aria-checkmark" aria-hidden="true">
              {isIndeterminate ? "−" : isSelected ? "✓" : ""}
            </span>
            {content}
          </>
        ),
      )}
    </PrimitiveCheckbox>
  );
}