import { ThemeColor, ThemeSize } from "../../theme/types.js";
import { ToggleGroupVariant } from "../../styles/toggle-group.js";
import { ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi } from "@soybeanjs/headless/toggle-group";
import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";

//#region src/components/toggle-group/types.d.ts
/**
 * Properties for the ToggleGroup component.
 */
interface ToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Theme color of the component.
   */
  color?: ThemeColor;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Visual variant of the component.
   */
  variant?: ToggleGroupVariant;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<ToggleGroupUi>;
}
/**
 * Events for the ToggleGroup component.
 */
type ToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
//#endregion
export { ToggleGroupEmits, ToggleGroupProps };